<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>第五节课</title>
	</head>
	
	<body>
		<!-- 图片热点（图像地图） 
			图像热点：给一张图片加多个链接，默认情况下，一张图片只能加一个链接。
		-->
		<!-- 标记结构 
		<img src="image/timg.jpg" usemap="#map" />
		<map id="map">
			<area shape="区域形状" coords="热区坐标" href="链接地址" />
			<area shape="" coords="" href="" />
			<area shape="" coords="" href="" />
		</map>
		-->
		<!--  <area>标记常用属性 
			shape:热区区域的形状，取值有三个 rect(矩形)、circle(圆形)、polygon(多边形)
			coords:执行区域的坐标(位置)
		-->
		<img src="image/index_02.jpg" usemap="#map" />
		<map name="map" id="map">
			<area shape="rect" coords="141, 12, 234, 33" href="javascript:alert(('设为首页')" />
			<area shape="rect" coords="141, 33, 234, 54" href="javascript:alert('加入收藏')" />
			<area shape="rect" coords="141, 54, 234, 75" href="https://www.binzhouw.com" />
		</map>
	</body>

</html>